// 注册自定义指令
import Vue from 'vue'

// Vue.directive('指令名称', {
//   // 会在当前指令作用的dom元素 插入之后执行
//   // options 里面是指令的表达式
//   inserted: function (dom, options) {
//   }
// })

export const imagerror = {
  // dom: 当前作用的dom对象
  // options: 是指令中的变量的解释
  /**
   * 自定义方法
   * 当图片加载失败时
   */
  inserted (dom, options) {
    // 这里dom 表示img
    // 注册onerror事件 当图片加载失败时,触发事件onerror
    if (!dom.src) {
      dom.src = options.value
    }
    dom.onerror = function () {
      // 图片地址不能写死
      // 当图片错误时,赋值一个默认图片
      dom.src = options.value
    }
  }
}

